<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<jsp:include page="head.jsp"/>

<body onload="baseSelectMenu(0)">
<jsp:include page="top.jsp"/>

<div class="container mt">
    <div class="row">
        <div class="col-lg-3 col-xs-12">
            <div class="product">
                <h2>热门产品</h2>
                <ul class="prodeuct-list">
                    <c:forEach var="n" items="${sessionScope.hotProductList}">
                        <li><a href="home/product?productId=${n.id}">${n.name}</a></li>
                    </c:forEach>
                </ul>
                <p>科研、生产、销售一体化<br/>精细化工企业</p>
                <p><a href="home/contact">立即咨询</a></p>
            </div>
        </div>
        <div class="col-lg-9 col-xs-12">
            <div class="row">
                <div class="col-lg-7 col-xs-12">
                    <div class="about">
                        <div class="title"><h2>关于我们</h2><a href="home/aboutUs">更多></a></div>
                        <p>${sessionScope.sessionBaseInfo.aboutUsInfo}</p>
                    </div>
                </div>
                <div class="col-lg-5 col-xs-12 pic">
                    <img src="${sessionScope.sessionBaseInfo.aboutUsAvatar}"/>
                </div>
            </div>
            <div class="row mt">
                <div class="col-lg-7 col-xs-12">
                    <div class="about">
                        <div class="title"><h2>新闻资讯</h2><span></span><a href="home/news">更多></a></div>
                        <div class="txtScroll-top">
                            <div class="bd">
                                <ul class="infoList">
                                    <c:forEach var="n" items="${sessionScope.newsList}">
                                        <li><span class="date">${n.createDate}</span><a href="home/news?newsId=${n.id}" target="_blank">${n.title}</a></li>
                                    </c:forEach>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-xs-12">
                    <div class="about">
                        <div class="title"><h2>联系我们</h2><span></span><a href="home/contact">更多></a></div>
                        <div class="contact1">
                            <p><img src="static/home/images/icon1.jpg"/>电话：${sessionScope.sessionBaseInfo.telPhone}</p>
                            <p><img src="static/home/images/icon2.jpg"/>联系人：${sessionScope.sessionBaseInfo.contactPeople}</p>
                            <p><img src="static/home/images/icon3.jpg"/>邮箱：${sessionScope.sessionBaseInfo.email}</p>
                            <p><img src="static/home/images/icon4.jpg"/>传真号码：${sessionScope.sessionBaseInfo.faxNumber}</p>
                            <p><img src="static/home/images/icon5.jpg"/>邮编：${sessionScope.sessionBaseInfo.postalCode}</p>
                            <p><img src="static/home/images/icon6.png"/>地址：${sessionScope.sessionBaseInfo.address}</p>
                        </div>
                    </div>
                </div>
            </div>
            <!--关于我们-->
        </div>
    </div>
</div>
<div class="container mt">
    <div class="about">
        <div class="title"><h2>产品中心</h2><span></span><a href="home/product">更多></a></div>
    </div>
    <div class="slideGroup">
        <div class="parBd">
            <div class="slideBox">
                <ul>
                    <c:forEach var="n" items="${sessionScope.productList}">
                        <li>
                            <div class="pic"><a href="home/product?productId=${n.id}" target="_blank"><img src="${n.avatar}"/></a></div>
                            <div class="title"><a href="home/product?productId=${n.id}" target="_blank">${n.title}</a></div>
                        </li>
                    </c:forEach>
                </ul>
            </div><!-- slideBox End -->
        </div><!-- parBd End -->
    </div>
</div>

<jsp:include page="footer.jsp"/>
</body>

<script type="text/javascript">
    jQuery(".txtScroll-top").slide({titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "top", autoPlay: true, vis: 6});
    jQuery(".slideGroup .slideBox").slide({mainCell: "ul", vis: 6, prevCell: ".sPrev", nextCell: ".sNext", effect: "leftMarquee", interTime: 50, autoPlay: true, trigger: "click"});
</script>

</html>